<template>
	<footer>
        	<ul>
                	<li>
                		<router-link to="/home">首页</router-link>
                	</li>
                	<li><router-link to="/market">超市</router-link></li>
                	<li><router-link to="/cart">购物车</router-link></li>
                	<li><router-link to="/mine">个人中心</router-link></li>
        	</ul>
	</footer>

</template>


<script type="text/javascript">
	
</script>

<style type="text/css">
	footer{
        		width: 100%;font-size: .5rem;
        		height: 1.5rem;
        		background: #ccc;
        		position:fixed;
        		left: 0;right: 0;bottom: 0;
        	}
        	footer>ul{
					
        		display: flex;
        		height: 1.5rem;
        		justify-content: space-around;
        		align-items: center;
        	}
        	footer>ul>li{
        		/* width: 25%; */
        		text-align: center;
        	}
</style>